<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            box-sizing: border-box;
        }

        

        .banner img {
            width: 1000px;
            height: 300px;
        }

        .content {
            width: 1100px;
            height: 350px;
        }

        .box1,
        .box2 {
            margin-top: 10px;
            margin-bottom: 10px;
            margin-right: 10px;
            float: left;
        }

        .box2 {
            width: 600px;
            height: 300px;
        }

        .box1 img {
            width: 400px;
            height: 300px;


        }

        span {
            color: blue;
        }

        #submit,
        #reset {
            height: 30px;
            width: 50px;
            background-color: blue;
            text-align: center;
            color: white;
            margin-right: 10px;
        }

        .footer {
            height: 30px;
            width: 1000px;
            background-color: #666666;
            font-size: 13px;
            text-align: center;
        }
    </style>
</head>

<body>
    <div class="box">
        <div class="banner">
            <img src="images/640.jpg" alt="">
        </div>
        <div class="content">
            <div class="box1"><img src="images/2.jpg" alt=""></div>
            <div class="box2">
                <form action="">
                    <table>
                        <tr>
                            <th>
                                <p><span>学号</span>:</p>
                            </th>
                            <td>
                                <p><input type="text" name="" id=""></p>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <p><span>姓名</span>:</p>
                            </th>
                            <td>
                                <p><input type="text" name="" id=""></p>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <p><span>性别</span>:</p>
                            </th>
                            <td>
                                <p><input type="radio" name="" id="" class="sex"><span
                                        style="font-weight: bold; color: blue;">男</span>
                                    <input type="radio" name="" id="" class="sex" checked><span
                                        style="font-weight: bold;color: blue;">女</span>
                                </p>
                            </td>

                        </tr>
                        <tr>
                            <th>
                                <p><span>年级</span>:</p>
                            </th>
                            <td>
                                <p>
                                    <select>
                                        <option value="0">--请选择--</option>
                                        <option value="1">大一</option>
                                        <option value="2" selected>大二</option>

                                        <option value="3">大三</option>
                                        <option value="4">大四</option>

                                    </select>
                                </p>
                            </td>
                        </tr>
                    </table>
                    <input type="submit" name="" id="submit" value="确定" onclick="fun1()">
                    <input type="reset" name="" id="reset" value="重置">
                </form>

            </div>
        </div>
        <div class="footer">
            <strong> &copy;2024 My Website</strong>
        </div>
    </div>
</body>
<script>
    function fun1() {
        let a = document.getElementById("submit");
        a.style.backgroundColor = "green";

    }
</script>

</html>